import React from 'react';
import './TopBar.css'
export default function TopBar(props) {
    function changekey(e) {
        props.setsearchkey(e.target.value);
    }
    return (
        <div className="topbox">
            <div className="backbox" onClick={props.back}>
                <i className='iconfont icon-zuo'></i>
            </div>
            <div className="titlebox">
                {props.title ? props.title :
                    <div className='topsearch'>
                        <input onKeyDown={props.beginsearch} ref={props.ip} value={props.searchkey} className="topbarsearchbox" onChange={changekey} />
                        <div className="iconfontbox">
                            <i className='iconfont icon-sousuo'></i>
                        </div>

                    </div>

                }
            </div>
        </div>
    );
}
